import React from 'react';
import { Checkbox, Divider, Grid, Space } from '@arco-design/web-react';
import styles from './style/index.module.less';

const CheckboxGroup = Checkbox.Group;
const Row = Grid.Row;
const Col = Grid.Col;
function Person({ info }) {
  return (
    <div className={styles['person']}>
      <Row justify={'start'} align={'center'}>
        <Checkbox></Checkbox>
        <img
          src="https://lf1-xgcdn-tos.pstatp.com/obj/vcloud/vadmin/start.8e0e4855ee346a46ccff8ff3e24db27b.png"
          alt=""
          width={30}
          height={30}
          className={styles.img}
        />
        <p>{info.name}</p>
        <p>{`(${info.number || info.jobNumber})`}</p>
      </Row>
    </div>
  );
}

export default Person;
